@import "base";
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    color: black;
}
// 整体
.whole{
    width: vw(750);
    height: vw(1366);
    // 头部
    header{
        width: vw(705);
        height:vw(57);
        font-size: vw(26);
        display: flex;
        line-height: vw(57);
        justify-content: space-between;
        margin:0 auto 0;
        padding-top: vw(48);
        overflow: hidden;
        .back{
            width: vw(123);
            height: vw(57);
            border-radius: vw(20);
            height: vw(48);
            width: vw(123);
            border: 2px solid #ff9344;
            align-items: center;
            text-align: center;
        }
        .region{
            appearance: none;
            outline: none;
            width: vw(159);
            height: vw(50);
            border: 2px solid #ff9344;
            padding: 0 vw(15);
            font-size: vw(26);
            line-height: vw(50);
            background-image: url(../images/城市切换下拉.png);
            background-repeat: no-repeat;
            background-size: vw(32);
            background-position: center right;
            background-position-x: 90%;
        }
    }
    // 尾部
    footer{
        width: 100%;
        height:vw(120);
        position: fixed;
        bottom: 0;
        background-color: white;
        .navlist{
            width: vw(652);
            height: vw(107);
            display: flex;
            margin: 0 auto;
            justify-content: space-between;
            .home,.classification,.find,.my{
                height: 100%;
                font-size: vw(26);
                display: flex;
                flex-direction: column;
                text-align: center;
                justify-content: space-between;
                img{
                    width: vw(73);
                }
            }
        }
    }
}


// 分类小标题
.gather_title{
    display: flex;
    justify-content: space-between;
    font-size: vw(30);
    align-items: center;
    .left{
        display: flex;
        align-items: center;
        img{
            width: vw(54);
        }
        span{
            margin: 0 vw(8);
        }
    }
    .right{
        display: flex;
        align-items: center;
        img{
            width: vw(24);
        } 
        span{
            font-size: vw(24);
            margin: 0 vw(8);
        }
    }
}


// 搜索框部分
.search_box{
    position: relative;
    .search{
        width: vw(168);
        height: vw(24);
        padding: vw(14) vw(69) vw(13) vw(29);
        font-size: vw(24);
        border-radius: vw(24);
        border-color: #ff9344;
        border-style: solid;
        border-width: vw(2);
        align-items: center;
    }
    img{
        position: absolute;
        top: vw(10);
        left: vw(213);
        width: vw(37);
    }
}
